.publishComment {
		.comment-editor {
			padding: 10px 0 20px 0;

			.el-tabs__nav-wrap::after {
				width: auto;
			}
		}
	}

	a {
		cursor: pointer;
	}

	.hentry {
		padding: 20px;
		margin: 20px 0 20px 0;
		background-color: #FFFFFF;

		ul {
			li {
				padding: 5px;
			}
		}
		
	}

	.articles {
		background-color: #f5f5f5;
		padding-bottom: 20px;
	}

	.el-pagination {
		text-align: center;
	}

	.site-content {
		position: relative;

		.site-main {
			padding: 80px 0 0 0;
		}
	}

	#article-menus {
		position: fixed;
		top: 100px;
		left: 20px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
		border-radius: 3px;
		padding: 15px;
		width: 300px;
		//transform: translateX(-100%) translateY(180px);
		font-size: 14px;
		background-color: #FFFFFF;
	}

	article.hentry {
		.entry-header {
			.entry-title {
				font-size: 23px;
				font-weight: 600;
				color: #737373;
				margin: 0.67em 0;
				word-break: break-all;

				&:before {
					content: "#";
					margin-right: 6px;
					color: #2ea7e0;
					font-size: 20px;
					font-weight: 600;
				}
			}

			hr {
				height: 1px;
				border: 0;
				background: #EFEFEF;
				margin: 15px 0;
			}

			.breadcrumbs {
				font-size: 14px;
				color: #D2D2D2;
				text-decoration: none;
				margin-bottom: 30px;
			}
		}

		.entry-content {
			word-break: break-all;
		}

		.guide {
			padding: 10px 0;

			a:hover {
				color: #2EA7E0;
			}
		}

		footer.post-footer {
			width: 100%;
			padding: 20px 0;
			margin-top: 10px;
			height: 65px;
			position: relative;

			i {
				font-size: 18px;
				margin-right: 5px;
			}

			.post-like {
				float: right;
				margin: 7px 0 0 20px;
			}

			.post-share {
				float: right;
				list-style: none;
				margin-right: 20px;
			}

			.donate {
				float: left;
				line-height: 36px;
				border-radius: 100%;
				-webkit-border-radius: 100%;
				-moz-border-radius: 100%;
				border: 1px solid #2B2B2B;

				&:hover {
					border: 1px solid goldenrod;

					span {
						color: goldenrod;
					}
				}

				span {
					color: #2B2B2B;
					padding: 10px;
					position: relative;
					cursor: pointer;
				}

				.donate_inner {
					display: none;
					margin: 0;
					list-style: none;
					position: absolute;
					left: 80px;
					top: -40px;
					background: #FFF;
					padding: 10px;
					border: 1px solid #ddd;
					box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
					border-radius: 3px;

					&.show {
						display: block;
					}

					li {
						float: left;
					}

					img {
						width: 100px;
					}

					p {
						text-align: center;
						font-size: 15px;
						color: #D2D2D2;
						line-height: 1rem;
					}
				}

				.donate_inner:after,
				.donate_inner:before {
					content: "";
					position: absolute;
					left: 0;
					bottom: 45%;
					margin-left: -8px;
					border-top: 8px solid transparent;
					border-bottom: 8px solid transparent;
					border-right: 8px solid #fff;
				}

				.donate_inner:before {
					left: -1px;
					border-right: 8px solid #ddd;
				}

			}

			.post-tags {
				margin: 7px 0 0 0;
				float: left;
				text-transform: uppercase;

				a:hover {
					color: #2EA7E0;
				}

				i {
					font-size: unset;
					margin-right: 0px;
				}
			}
		}

		.open-message {
			margin: 30px 0;
			position: relative;
			background: #2B2B2B;
			padding: 20px 30px;
			border-radius: 3px;
			font-size: 14px;
			color: #fff;

			&:after {
				content: "";
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				border-bottom: 10px solid #2B2B2B;
				position: absolute;
				top: -8px;
				left: 48%;
			}

			p {
				margin: 10px 0;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			a {
				color: #A0DAD0;
				padding: 0 5px;
			}
		}
	}